<template>
	<div class="community">
		<headnav></headnav>
		<communityhead></communityhead>
		<mainconten></mainconten>
		<foot></foot>
	</div>
</template>

<script>
	import headnav from '../../components/headNav/index.vue'
	import communityhead from './head/index.vue'
	import mainconten from './main/index.vue'
	import foot from '../../components/footer/foot.vue'
	
	export default {
		components: {
			headnav,
			communityhead,
			mainconten,
			foot
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
	.community {
		background: url(../../assets/img/motiobg.jpg) no-repeat;
		background-size: 100% 100%;
		background-attachment: fixed;
	}
</style>
